﻿@using XPressify.Models

@*<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">*@
<!doctype html>
<html>
<head>
    @*<meta http-equiv="Content-type" content="text/html; charset=utf-8" />*@
    <title></title>

    @*TODO Icon in tab *@
    @*<link rel="shortcut icon" href="@Url.Content("~/Content/images/favicon.gif")" type="image/x-icon" />*@


    @* Site script and css *@
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/Site.css")" />  
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/Awesome.css")" />

    
    @* Jquery and related plugins *@
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/jquery-ui-1.8.8.custom.css")" />	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.7/jQuery.Validate.min.js" type="text/javascript"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.form.js")"></script>


    @*Costum Popup window - Not needed*@
    @*<link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/jqModal.css")" /> 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jqDnR.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jqModal.js")"></script>*@


    @*Galleria - Image galery*@
    <script type="text/javascript" src="@Url.Content("~/Scripts/galleria-1.2.2.js")"></script>
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/galleria.twelve.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/galleria.twelve.min.js")"></script>
    
    @*End of Galeria*@


    @*Jquery timer*@ 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.timer.js")"></script>


    @*Media Gallery JQuery script *@
    @*<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.2.6.pack.js")"></script> NOT USING*@
    @*<script type="text/javascript" src="@Url.Content("~/Scripts/simplegallery.js")"></script>*@
    @*<script type="text/javascript">

        var arrayId = @Html.Raw(new JavaScriptSerializer().Serialize(Model.Images.Select(x => x.Id).ToList()));
        var arrayDescription = @Html.Raw(new JavaScriptSerializer().Serialize(Model.Images.Select(x => x.Description).ToList()));
        var arrayPicturePath = @Html.Raw(new JavaScriptSerializer().Serialize(Model.Images.Select(x => x.PicturePath).ToList()));
        var MultiArray = new Array(arrayId.length);
        for(var i = 0;i < arrayId.length;i++)
        {
            MultiArray[i] = new Array(4);
            MultiArray[i][0] = arrayPicturePath[i];
            MultiArray[i][1] = "javascript:mygallery.navigate('next')";
            MultiArray[i][2] = "";
            MultiArray[i][3] = arrayDescription[i];
        }
    
        function sendAjax(path){
            var aabb = $('#myCommentSection').attr('name');
        
            resultHTML = jQuery.ajax({
            type: 'GET',
            url: '/Album/CommentsList/',
            data: 'path=' + path,
            success: function(data) {
                $('#myCommentSection').html(data);
            }
            }).responseText;
        }

        var mygallery = new simpleGallery({
                wrapperid: "imagegallery", //ID of main gallery container,
                dimensions: [850, 550], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
                imagearray: MultiArray,
                autoplay: [false, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
                persist: false, //remember last viewed slide and recall within same session?
                fadeduration: 500, //transition duration (milliseconds)
                oninit: function () { //event that fires when gallery has initialized/ ready to run
                    //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
                },
                onslide: function (curslide, i) { //event that fires after each slide is shown
                    //Keyword "this": references current gallery instance
                    //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
                    //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
                    sendAjax(curslide.getElementsByTagName('img')[0].src);
                }
            })


        </script>
    <div id="imagegallery"></div>
    *@

    @*End of Media gallery Jquery script *@

      

    @*For changing input type submit from .myconfirmBtn#nounderline to .myconfirmBtn#underline style &&&& make Popup window for PeopleLikeList*@
    <script type="text/javascript">
        function changeIdToObject(o) {
            if (o.id == "underline") {
                o.id = "nounderline";
            }
            else if (o.id == "nounderline") {
                o.id = "underline";
            }
        }
        function peopleLikeListSuccess() {
            $('#specialPeopleLikeList').dialog({ title: 'People like', height: 600, width: 550 });
        }
        
    </script>
    


    @* Datetime and datetime picker // ref: http://trentrichardson.com/examples/timepicker/ *@
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/DateTimePickerStyle.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")"></script>
    @*<script type="text/javascript" src="@Url.Content("~/Scripts/timepicker.min.js")"></script>*@
        
    

    
    @* Datetime 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.3.2.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-i18n.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery_ui_datepicker.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/imepicker.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/index.php")"></script>
    <link rel="stylesheet" type="text/css" href="~/Content/style.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/jquery_ui_datepicker.css" />*@


    @* Jquery corner plugin - http://jquery.malsup.com/corner/ *@
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.corner.js")"></script>
    <script type="text/javascript">
        $(function () {
            $('.corner-look').corner();
        });
    </script>

    @* Uploadify plugin - http://www.uploadify.com/ *@
    <link type="text/css" rel="Stylesheet" media="screen" href="@Url.Content("~/Content/uploadify.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/swfobject.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.uploadify.v2.1.4.min.js")"></script>

    @* Awesome framework - http://awesome.codeplex.com/*@
    
    @*themes options: cupertino, redmond, black-tie*@
    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/redmond/jquery-ui.css" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/Awesome.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/style.js")"></script>

    @*http://icons.mysitemyway.com/*@


    <link rel="stylesheet" type="text/css" media="screen" href="../../Content/all-examples.css">
    <noscript>
		<style type="text/css">
			#dock { top: 0; left: 100px; }
			a.dock-item { position: relative; float: left; margin-right: 10px; }
			.dock-item span { display: block; }
			
			.stack { top: 0; }
			.stack ul li { position: relative; }
		</style>
	</noscript>

    <script type="text/javascript" src="../../Scripts/fisheye-iutil.min.js"></script>
	<script type="text/javascript" src="../../Scripts/dock-example1.js"></script>
	<script type="text/javascript" src="../../Scripts/jquery.jqDock.min.js"></script>
	<script type="text/javascript" src="../../Scripts/stack-1.js"></script>
	<script type="text/javascript" src="../../Scripts/stack-2.js"></script>
	<script type="text/javascript">
	    $(function () {
	        var jqDockOpts = { align: 'left', duration: 200, labels: 'tc', size: 128, distance: 54 };
	        $('#jqDock').jqDock(jqDockOpts);
	    });

	</script>
</head>
<body>
    @*<!-- BEGIN DOCK 1 ============================================================ -->
    <div id="dock">
		<div class="dock-container">
			<a class="dock-item" href='@Html.ActionLink("Index", "Home")'><span>Home</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="home" /></a> 
			<a class="dock-item" href='@Html.ActionLink("Profile", "User")'><span>Profile</span><img src="../../Content/icons/CommentBubbles/User.png" alt="profile" /></a> 
			<a class="dock-item" href='@Html.ActionLink("Friends", "User")'><span>Friends</span><img src="../../Content/icons/CommentBubbles/Friends.png" alt="friends" /></a> 
			<a class="dock-item" href='@Html.ActionLink("ThreadList", "Thread")'><span>Messages</span><img src="../../Content/icons/CommentBubbles/Message2.png" alt="messages" /></a> 
			<a class="dock-item" href='@Html.ActionLink("EventList", "Event")'><span>Events</span><img src="../../Content/icons/CommentBubbles/Calendar.png" alt="events" /></a> 
			<a class="dock-item" href='@Html.ActionLink("PhotoList", "Photo")'><span>Photos</span><img src="../../Content/icons/CommentBubbles/Photo1.png" alt="photos" /></a> 
			<a class="dock-item" href='@Html.ActionLink("VideoList", "Video")'><span>Videos</span><img src="../../Content/icons/CommentBubbles/Video2.png" alt="videos" /></a> 
			<a class="dock-item" href='@Html.ActionLink("AudioList", "Audio")'><span>Music</span><img src="../../Content/icons/CommentBubbles/Audio.png" alt="music" /></a> 
			<a class="dock-item" href='@Html.ActionLink("DocumentList", "Document")'><span>Documents</span><img src="../../Content/icons/CommentBubbles/Document.png" alt="documents" /></a>
            <a class="dock-item" href='@Html.ActionLink("NoteList", "Note")'><span>Notes</span><img src="../../Content/icons/CommentBubbles/Document1.png" alt="notes" /></a> 
            <a class="dock-item" href='@Html.ActionLink("LinkList", "Link")'><span>Links</span><img src="../../Content/icons/CommentBubbles/Anchor.png" alt="links" /></a> 
            <a class="dock-item" href='@Html.ActionLink("PageList", "Page")'><span>Pages</span><img src="../../Content/icons/CommentBubbles/Www.png" alt="pages" /></a> 
            <a class="dock-item" href='@Html.ActionLink("GroupList", "Group")'><span>Groups</span><img src="../../Content/icons/CommentBubbles/Group.png" alt="groups" /></a> 
		</div><!-- end div .dock-container -->
	</div>
	<!-- end div .dock #dock -->
	<!-- END DOCK 1 ============================================================ -->

	<!-- BEGIN DOCK 2 ============================================================ -->
	<div id="dockContainer">
		<ul id="jqDock">
            <li><a class="dockItem" href='@Html.ActionLink("Index", "Home")'><span>Home</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="home" title="Home" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("Profile", "User")'><span>Profile</span><img src="../../Content/icons/CommentBubbles/User.png" alt="profile" title="Home" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("Friends", "User")'><span>Friends</span><img src="../../Content/icons/CommentBubbles/Friends.png" alt="friends" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("ThreadList", "Thread")'><span>Messages</span><img src="../../Content/icons/CommentBubbles/Message2.png" alt="messages" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("EventList", "Event")'><span>Events</span><img src="../../Content/icons/CommentBubbles/Calendar.png" alt="events" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("PhotoList", "Photo")'><span>Photos</span><img src="../../Content/icons/CommentBubbles/Photo1.png" alt="photos" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("VideoList", "Video")'><span>Videos</span><img src="../../Content/icons/CommentBubbles/Video2.png" alt="videos" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("AudioList", "Audio")'><span>Music</span><img src="../../Content/icons/CommentBubbles/Audio.png" alt="music" /></a></li>
			<li><a class="dockItem" href='@Html.ActionLink("DocumentList", "Document")'><span>Documents</span><img src="../../Content/icons/CommentBubbles/Document.png" alt="documents" /></a></li>
            <li><a class="dockItem" href='@Html.ActionLink("NoteList", "Note")'><span>Notes</span><img src="../../Content/icons/CommentBubbles/Document1.png" alt="notes" /></a></li>
            <li><a class="dockItem" href='@Html.ActionLink("LinkList", "Link")'><span>Links</span><img src="../../Content/icons/CommentBubbles/Anchor.png" alt="links" /></a></li>
            <li><a class="dockItem" href='@Html.ActionLink("PageList", "Page")'><span>Pages</span><img src="../../Content/icons/CommentBubbles/Www.png" alt="pages" /></a></li>
            <li><a class="dockItem" href='@Html.ActionLink("GroupList", "Group")'><span>Groups</span><img src="../../Content/icons/CommentBubbles/Group.png" alt="groups" /></a></li>


			<li><a class="dockItem" href="index.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="Home" title="Example&nbsp;1" /></a></li>
			<li><a class="dockItem" href="example2.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="Contact" title="Example&nbsp;2" /></a></li>
			<li><a class="dockItem" href="example3.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="portfolio" title="Example&nbsp;3" /></a></li>
			<li><a class="dockItem" href="all-examples.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="music" title="All&nbsp;Examples" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="video" title="Video" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="history" title="History" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="calendar" title="Calendar" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="links" title="Links" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="rss" title="RSS" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="rss" title="RSS" /></a></li>
		</ul>
	</div><!-- end div #dockContainer -->
	<!-- END DOCK 2 ============================================================ -->

    <!-- BEGIN DOCK 2 ============================================================ -->
	<div id="dockContainer2">
		<ul id="jqDock2">
			<li><a class="dockItem" href="index.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="Home" title="Example&nbsp;1" /></a></li>
			<li><a class="dockItem" href="example2.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="Contact" title="Example&nbsp;2" /></a></li>
			<li><a class="dockItem" href="example3.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="portfolio" title="Example&nbsp;3" /></a></li>
			<li><a class="dockItem" href="all-examples.html"><img src="../../Content/icons/CommentBubbles/Home.png" alt="music" title="All&nbsp;Examples" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="video" title="Video" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="history" title="History" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="calendar" title="Calendar" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="links" title="Links" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="rss" title="RSS" /></a></li>
			<li><a class="dockItem" href="#"><img src="../../Content/icons/CommentBubbles/Home.png" alt="rss" title="RSS" /></a></li>
		</ul>
	</div><!-- end div #dockContainer -->
	<!-- END DOCK 2 ============================================================ -->*@
	
	@*<!-- BEGIN STACK "UP" ============================================================ -->
	<div class="stack">
		<img src="images/stacks/stack.png" alt="stack"/>
		<ul id="stack">
			<li><a href=""><span>Aperture</span><img src="images/stacks/aperture.png" alt="Aperature" /></a></li>
			<li><a href="#"><span>All&nbsp;Examples</span><img src="images/stacks/photoshop.png" alt="Photoshop" /></a></li>
			<li><a href="example3.html"><span>Example&nbsp;3</span><img src="images/stacks/safari.png" alt="Safari" /></a></li>
			<li><a href="example2.html"><span>Example&nbsp;2</span><img src="images/stacks/coda.png" alt="Coda" /></a></li>
			<li><a href="index.html"><span>Example&nbsp;1</span><img src="images/stacks/finder.png" alt="Finder" /></a></li>			
		</ul>
	</div><!-- end div .stack -->
	<!-- END STACK "UP" ============================================================ -->
	
	<!-- BEGIN STACK "DOWN" ============================================================ -->
	<div class="stack2">
		<img src="images/stacks/stack-down.png" alt="stack"/>
		<ul id="stack2">
			<li><a href=""><span>Aperture</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="Aperature" /></a></li>
			<li><a href="#"><span>All&nbsp;Examples</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="Photoshop" /></a></li>
			<li><a href="example3.html"><span>Example&nbsp;3</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="Safari" /></a></li>
			<li><a href="example2.html"><span>Example&nbsp;2</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="Coda" /></a></li>
			<li><a href="index.html"><span>Example&nbsp;1</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="Finder" /></a></li>			
		</ul>
	</div><!-- end div .stack -->*@

    @*@RenderBody()*@

	<!-- END STACK "DOWN" ============================================================ -->


    <div id="pagewidth">
	    <header id="header">
            <h1 style="color:#1D5987">XPressify</h1>
            <div id="LoginDisplay">
                @Html.Partial("LogOnUserControl")
            </div>
            <div id="SearchContainer">
                @Html.Partial("SearchControl", new SearchModel { SearchText = "" })
            </div>
            <div id="language" style="text-align:right">
                @Html.Partial("CulturePartial")
                <br />
            </div>
            <div id="MenuContainer">
                @Html.Partial("MainMenu")
            </div>
            
            <div>
                <div id="dock">
		            <div class="dock-container">
                        
			            @*<a class="dock-item" href='@Url.Action("NewsFeed", "Home", new { })' ><span>Home</span><img src="../../Content/icons/CommentBubbles/Home.png" alt="home" /></a>
                        <a class="dock-item" href='@Url.Action("NotificationList", "Home", new { })' ><span>Notification</span><img src="../../Content/icons/CommentBubbles/Globe.png" alt="home" /></a>
                        <a class="dock-item" href='@Url.Action("ProfileView", "Profile", new { id = Guid.Empty })' ><span>Profile</span><img src="../../Content/icons/CommentBubbles/User.png" alt="profile" /></a>
                        <a class="dock-item" href='@Url.Action("FriendList", "Profile", new { id = Guid.Empty })'><span>Friends</span><img src="../../Content/icons/CommentBubbles/Friends.png" alt="friends" /></a>
                        <a class="dock-item" href='@Url.Action("ThreadList", "Thread")'><span>Messages</span><img src="../../Content/icons/CommentBubbles/Message2.png" alt="messages" /></a> 
                        <a class="dock-item" href='@Url.Action("AlbumOwnerList", "Album")'><span>Albums</span><img src="../../Content/icons/CommentBubbles/Folder1.png" alt="documents" /></a>
                        <a class="dock-item" href='@Url.Action("EventOwnerList", "Event")'><span>Events</span><img src="../../Content/icons/CommentBubbles/Calendar.png" alt="events" /></a> 
                        <a class="dock-item" href='@Url.Action("PageOwnerList", "Page")'><span>Pages</span><img src="../../Content/icons/CommentBubbles/Www.png" alt="pages" /></a>
                        <a class="dock-item" href='@Url.Action("GroupOwnerList", "Group")'><span>Groups</span><img src="../../Content/icons/CommentBubbles/Group.png" alt="groups" /></a>
                        <a class="dock-item" href='@Url.Action("RequestedList", "Profile")'><span>Requests</span><img src="../../Content/icons/CommentBubbles/SandWatch.png" alt="notes" /></a>
                        <a class="dock-item" href='@Url.Action("LinkOwnerList", "Link")'><span>Links</span><img src="../../Content/icons/CommentBubbles/Anchor.png" alt="links" /></a>
                        <a class="dock-item" href='@Url.Action("StatusOwnerList", "Status")'><span>Statuses</span><img src="../../Content/icons/CommentBubbles/ExclaimationMark1.png" alt="links" /></a>*@ 


                        <a class="dock-item" href='@Url.Action("NewsFeed", "Home", new { })' ><span>Home</span><img src="../../Content/icons/GlossyBlueOrbs/Home4.png" alt="home" /></a>
                        <a class="dock-item" href='@Url.Action("NotificationList", "Home", new { })' ><span>Notification</span><img src="../../Content/icons/GlossyBlueOrbs/Notification5.png" alt="home" /></a>
                        <a class="dock-item" href='@Url.Action("ProfileView", "Profile", new { id = Guid.Empty })' ><span>Profile</span><img src="../../Content/icons/GlossyBlueOrbs/Profile.png" alt="profile" /></a> 
                        <a class="dock-item" href='@Url.Action("FriendList", "Profile", new { id = Guid.Empty })'><span>Friends</span><img src="../../Content/icons/GlossyBlueOrbs/Friends.png" alt="friends" /></a>
			            <a class="dock-item" href='@Url.Action("ThreadList", "Thread")'><span>Messages</span><img src="../../Content/icons/GlossyBlueOrbs/Mail.png" alt="messages" /></a>
                        <a class="dock-item" href='@Url.Action("AlbumOwnerList", "Album")'><span>Albums</span><img src="../../Content/icons/GlossyBlueOrbs/Folder3.png" alt="documents" /></a>
                        <a class="dock-item" href='@Url.Action("EventOwnerList", "Event")'><span>Events</span><img src="../../Content/icons/GlossyBlueOrbs/Calendar.png" alt="events" /></a> 
                        <a class="dock-item" href='@Url.Action("PageOwnerList", "Page")'><span>Pages</span><img src="../../Content/icons/GlossyBlueOrbs/Web3.png" alt="pages" /></a>
                        <a class="dock-item" href='@Url.Action("GroupOwnerList", "Group")'><span>Groups</span><img src="../../Content/icons/GlossyBlueOrbs/Group.png" alt="groups" /></a>
                        <a class="dock-item" href='@Url.Action("RequestedList", "Profile")'><span>Requests</span><img src="../../Content/icons/GlossyBlueOrbs/Request.png" alt="notes" /></a>
                        @*<a class="dock-item" href='@Url.Action("NoteList", "Note")'><span>Notes</span><img src="../../Content/icons/CommentBubbles/Document1.png" alt="notes" /></a> *@
                        <a class="dock-item" href='@Url.Action("LinkOwnerList", "Link")'><span>Links</span><img src="../../Content/icons/GlossyBlueOrbs/Link.png" alt="links" /></a>
                        <a class="dock-item" href='@Url.Action("StatusOwnerList", "Status")'><span>Statuses</span><img src="../../Content/icons/GlossyBlueOrbs/Status.png" alt="links" /></a>
                         
		            </div><!-- end div .dock-container -->
	            </div>
            </div>
	        <!-- end div .dock #dock -->
        </header>
	    <div id="wrapper" class="clearfix">
		    <div id="twocols"> 
			    <section id="maincol" class="corner-look">
                    @RenderBody()
                </section>			    
		    </div> 
		    <div id="leftcol">
                <div id="LeftMenuContainer">
                    @Html.Partial("LeftMenu")
                </div>
                
            </div>
	    </div>
	    <footer id="footer">
            <center>XPressify © - All rights reserved.</center>
        </footer>
	</div>



    @*<div class="Page">
        <div id="Header">
            <div id="Title">
                <h1>XPressify</h1>
            </div>
              
            <div id="LoginDisplay">
                @Html.Partial("LogOnUserControl")
            </div> 
            
            <div id="SearchContainer">
                @Html.Partial("SearchControl", new SearchModel { SearchText = "" })
            </div> 

            <div id="MenuContainer">
                @Html.Partial("MainMenu")
            </div>
        </div>

        <div id="Main">
            <div id="LeftMenuContainer">
                @Html.Partial("LeftMenu")
            </div>

            <div id="Content">
                @RenderBody()
            </div>
            
            <div id="Footer">
                XPressify © - All rights reserved.
            </div>
        </div>
    </div>*@


</body>
</html>
